* {
  padding: 0;
  margin: 0;
}

.sgedan {
  width: 690rem;
  margin: 0 auto;
}

.sgedan .daytitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690rem;
}

.sgedan .daytitle span {
  color: #fdfdfd;
  font-size: 30rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 30rem;
  font-weight: 700;
  margin-top: 100rem;
  font-weight: 800;
}

.sgedan .searchframe {
  display: flex;
  width: 690rem;
  height: 80rem;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 70rem;
}

.sgedan .searchframe .quxiao {
  width: 10%;
  margin-left: 30rem;
  color: #dedede;
  font-size: 30rem;
  font-weight: 700;
}

.sgedan .searchbar {
  height: 80rem;
  border-radius: 80rem;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #000000;
}

.sgedan .searchbar span {
  margin-left: 20rem;
  font-size: 40rem;
  font-weight: 700;
  color: #f8e24a;
}

.sgedan .searchbar i {
  color: #dedede;
  margin-right: 80rem;
  font-size: 30rem;
  font-weight: 800;
}

.sgedan .searchbar input {
  margin-left: 35rem;
  flex-grow: 1;
  color: #dedede;
  background-color: #000000;
  outline: none;
  border: none;
  font-size: 30rem;
  font-weight: 700;
}

.sgedan .scover {
  width: 690rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 50rem;
}

.sgedan .gedaninfo {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  width: 690rem;
  color: #fff;
  margin: 0 auto;
}

.sgedan .gedaninfo .updatetime {
  margin-top: 70rem;
  color: #8e8e8e;
  font-size: 24rem;
  font-weight: 808;
}

.sgedan .gedaninfo .gedanname {
  margin-top: 30rem;
  width: 690rem;
  display: flex;
  justify-content: space-between;
  font-size: 40rem;
  text-align: left;
  font-weight: 700;
}

.sgedan .gedaninfo .gedanname .right {
  display: flex;
  width: 15%;
  flex-direction: column;
}

.sgedan .gedaninfo .gedanname .right span {
  margin-bottom: 25rem;
  font-size: 40rem;
  text-align: right;
}

.sgedan .creator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30rem;
}

.sgedan .creator .cleft {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sgedan .creator .cleft img {
  width: 55rem;
  height: 55rem;
  border-radius: 55rem;
}

.sgedan .creator .cleft span {
  margin-left: 15rem;
  font-size: 24rem;
  color: #fff;
  line-height: 65rem;
  font-weight: 700;
}

.sgedan .creator img {
  width: 55rem;
  height: 55rem;
  border-radius: 55rem;
}

.sgedan .creator span {
  font-size: 40rem;
  color: #fff;
}

.sgedan .subscript {
  color: #838383;
  font-size: 30rem;
  text-align: left;
  margin-top: 65rem;
  font-weight: 600;
}

.sgedan .playnum {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #838383;
  margin-top: 70rem;
}

.sgedan .playnum span {
  margin-right: 35rem;
  font-size: 30rem;
}

.sgedan .tag ul {
  display: flex;
  justify-content: start;
}

.sgedan .tag ul li {
  display: inline-block;
  padding: 15rem 30rem;
  border-radius: 60rem;
  background-color: #f8e24a;
  color: #000000;
  margin-right: 15rem;
  margin-top: 70rem;
}

.sgedan .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 690rem;
  margin-top: 90rem;
}

.sgedan .title .left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sgedan .title .left span:first-child {
  padding: 20rem 50rem;
  background-color: #f8e24a;
  color: #020005;
  border-radius: 70rem;
  font-size: 30rem;
}

.sgedan .title .left span:last-child {
  margin-left: 35rem;
  color: #838383;
  border-radius: 70rem;
  font-size: 30rem;
}

.sgedan .title span {
  text-align: center;
  font-size: 50rem;
  color: #838383;
}

.sgedan .musiclist {
  margin-top: 45rem;
}

.sgedan .musiclist .music {
  margin-top: 20rem;
}
